<template>
    <div class="swiper">
        <div class="swipe">
            <Carousel autoplay>
        <Carousel-item>
            <div class="demo-carousel"><img src="../assets/images/swiper1.jpg" alt=""></div>
        </Carousel-item>
        <Carousel-item>
            <div class="demo-carousel"><img src="../assets/images/swiper2.jpg" alt=""></div>
        </Carousel-item>
        <Carousel-item>
            <div class="demo-carousel"><img src="../assets/images/swiper3.jpg" alt=""></div>
        </Carousel-item>
        <Carousel-item>
            <div class="demo-carouse1"><img src="../assets/images/swiper4.jpg" alt=""></div>
        </Carousel-item>
        </Carousel>
        </div>
    </div>
</template>

<script>
export default {};
</script>

<style lang='less' scoped>
.swiper {
  width: 1920px;
  height: 473px;
  img {
    width: 100%;
  }
}
</style>
